<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .red {
          color: red; 
        }
        .green {
            color: green;
        }
        .orange {
            color: orange;
        }
    </style>
</head>
<body>
    <h1>前端组成的部分</h1>
    <ul>
        <li class="red">
            HTML-结构层
        </li>
        <li class="green">
            CSS-样式层
        </li>
        <li class="orange">
            JavaScript-行为交互层
        </li>
    </ul>
    <p><strong>HTML</strong><br />是一种超文本标记语言,标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言，是网页制作所必备的</p>
    <P><strong>CSS</strong><br />CSS英文全称为Cascading Style Sheets,几个单词拆开翻译,Cascading有大量的意思,Style有风格样式的意思,Sheets有表格的意思,<ins>整合在一起中文译为“层叠样式表”。</ins></P>
    <p><strong>JavaScript</strong><br />JavaScript<strong>（简称“JS”）</strong>是一种具有函数优先的轻量级,解释型或即时型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。<sup>[1]</sup></p>
</body>
</html>